﻿<!DOCTYPE HTML>
<html manifest="html5SDKDemo.appcache">
 <head>
  <title>html5 SDK Demo</title>
	    <meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script language="javascript" type="text/javascript" src="BangoApplicationAnalyticsSDK/includes.js"></script>
		<script language="javascript" type="text/javascript" src="basic.js"></script>
    	<link rel="stylesheet" href="basic.css" type="text/css" />
	 <style type="text/css">
		 #taLogLevel
		 {
			 height: 209px;
			 width: 394px;
		 }
	 </style>
	</head>
	<body>
	<fieldset>
	<legend>Event feedback</legend>
	<div id="time"><label id="lblTime" ></label></div><br/>
	<div id="msg"><label id="lblMessage"></label></div>
	</fieldset>
	<fieldset>
	<legend>Starting and stopping session</legend>
	<input type="button" id="btnSessionStart" value="Start Session" onclick="init();" />
	<input type="button" id="btnSessionEnd" value="End Session" onclick="endSession();" />
	</fieldset>
	<fieldset>
		<legend>Event variables</legend>
		<div>
			<div><label>EventName:</label><span class="inputField"><input type="text" id="txtEventName" /></span></div>
			<div><label>EventDetail:</label><span class="inputField"><input type="text" id="txtEventDetail" /></span></div>
			<div><label>EventValue:</label><span class="inputField"><input type="text" id="txtEventValue" /></span></div>
			<div><label>Parameter1:</label><span class="inputField"><input type="text" id="txtParamName1" /><input type="text" id="txtParamValue1" /></span></div>
			<div><label>Parameter2:</label><span class="inputField"><input type="text" id="txtParamName2" /><input type="text" id="txtParamValue2" /></span></div>
			<div class="buttonGroup">
			<label>&nbsp;</label>
			<span class="inputField">
				<input type="button" id="btnReset" value="Reset" onclick="resetText()" />
				<input type="button" id="btnClear" value="Clear" onclick="clearText()" />
			</span>
			 
		</div>
		</div>
	</fieldset>
	<fieldset>
	<legend>Event tests</legend>
	<div class="buttonGroup">
		<input type="button" id="btnOnLiveVideoStart" value="Live Video Start" onclick="liveVideoStart()" />
		<input type="button" id="btnOnLiveVideoStop" value="Live Video Stop" onclick="liveVideoStop()" />
		<input type="button" id="btnSearch" value="Search" onclick="search()" />
	</div>

	<div style="bottom-border:100px;">
		<input type="button" id="btnOnDemandVideoStart" value="On-Demand Video Start" onclick="onDemandVideoStart()" />
		<input type="button" id="btnOnDemandVideoStop" value="On-Demand Video Stop" onclick="onDemandVideoStop()" />
	</div>
	<div class="buttonGroup">
		<input type="button" id="btnLog" value="Log" onclick="log()" />
		<input type="button" id="btnPageView" value="Page View" onclick="pageView()" />
		<input type="button" id="btnIdle" value="Idle" onclick="idle()" />
		<input type="button" id="btnResume" value="Resume" onclick="resume()" />
		<input type="button" id="btnError" value="Error" onclick="error()" />
	</div>

</fieldset>
		<fieldset>
			<legend>Viewing and sending batch</legend>
			<div class="buttonGroup">
				<input type="button" id="btnViewBatch" value="View Batch" onclick="viewBatch()" />
				<input type="button" id="btnPostNow" value="Post Now" onclick="postNow()" />
			</div>
		</fieldset>
		<fieldset>
			<legend>Logging Level Test</legend>
			<div><label>Enter Logging Level 1 - 5:</label><span class="inputField"><input type="text" id="txtLogLevel" /></span></div>
			<div class="buttonGroup">
				<input type="button" id="btnLoggingLevel" value="Test Logging Levels" onclick="loggingLevelTest()"/>
			</div>
			<div id="logLevelTest"><textarea id="taLogLevel"></textarea></div>
		</fieldset>
	</body>
</html>
